﻿@charset "gb2312";
*{margin:0; padding:0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,hr,pre,code,form,fieldset,legend,button,input,textarea,p,blockquote,table,th,td{margin:0; padding:0;}
body,html{font-family:microsoft yahei; font-size:14px; color:#333; text-decoration:none;}
body{font:normal 100% Microsoft YaHei, 微软雅黑, Arial, Tahoma, Helvetica, sans-serif; min-width:1300px;}
table{border-collapse:collapse; border-spacing:0; font-size:inherit; font:100%; border-collapse:collapse;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
h1,h2,h3,h4,h5,h6,dl,dt,p,b,i,span{font-weight:normal;}
button,input,textarea,select,optgroup,option{font-family:inherit; font-size:inherit; *font-size:100%; font-weight:inherit; vertical-align:middle; font-family:microsoft yahei;}
address,caption,cite,code,dfn,em,var,b{font-style:normal; font-weight:normal;}
input,textarea{outline-style:none;resize:none;-webkit-appearance:none;border-radius:0;}
a{text-decoration:none; color:#333;}
ul,li,ol{list-style-type:none;}
fieldset,img{border:0;}
img,a{transition:all 0.3s ease-out; -moz-transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out; -o-transition:all 0.3s ease-out;}
.input{width:80%; border:1px solid #dedbd7; padding:1em .4em; font-size:12px; color:#666;}
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.clearfix:after{content:'\20'; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}
.w1200{width:1200px; height:auto; margin:0 auto;}
.ov{overflow:hidden;}
.blank{width:auto; height:40px;}

.product{width:1200px; height:auto; overflow:hidden; margin:50px auto 60px;}
.pro-list{width:260px; margin-top:30px;}
.p-l-tit{width:260px; height:96px; line-height:96px; text-align:center; background:url(../images/p-l-tit.jpg) 0px 0px no-repeat; font-size:28px; color:#fff;}
.pro-list dl{    padding-top: 10px;height:auto; border:1px solid #004c94; overflow:hidden;}
.pro-list dt{width:238px; padding:0 10px;}
.pro-list dt a{display:block; width:228px; padding-left:10px; height:50px; line-height:50px; border-bottom:dashed 1px #ccc; font-size:14px; color:#333; background:url(../images/p_icon.png) 200px center no-repeat;}
.pro-list dt:last-child a{border-bottom:none;}
.pro-list dt:hover,.pro-list dt.current{background-color:#004c94;}
.pro-list dt:hover a,.pro-list dt.current a{color:#fff; background:url(../images/p_icon1.png) 200px center no-repeat;}

/* 头部 */
.header{border-bottom:3px solid #004c94; height:140px; margin:0 auto; z-index:9999;background:#f5f5f5;}
.welcome{ height:auto; margin:0 auto;}
.welcome .logo {float:left;}

.welcome .form{position:relative; height:70px; }
.welcome .form form{ position:absolute; right:0; top:35px; width:200px; background:#fff; border:1px solid #999; z-index:999;right:152px}
.welcome .form form .txt{float:left; height:30px; line-height:30px; padding-left:10px; width:155px; }
.welcome .form form .btn{float:right; background:url(../images/serch.png) no-repeat center;     border-left: 1px solid #999;color: transparent; width:30px; height:30px; line-height:30px; cursor:pointer;}
.welcome .form img{position:absolute; top:30px;right:0;}
.welcome .form:hover{ transition: all 0.6s;}
.navbox{width:65%;}
.nav{ }
.nav ul li{float:left;     width: 16.1%; position:relative;}
.nav ul .onew{float:left;width:auto;line-height:70px}
.nav ul li .a1{display:block; width:100%; height:70px;  text-align:center; font-size:16px; font-weight: bold; color:#000;line-height:70px}
.nav ul li .a1 span{display:block; margin-top:5px; text-transform:uppercase; font-size:12px; color:#333;}
.nav ul li.current .a1,.nav ul li.current .a1 span,.nav ul li:hover .a1,.nav ul li:hover .a1 span{color:#004c94;}
.nav li ul{position:absolute; width:100%; height:auto; z-index:999; display:none;    margin-left: -10px;}
.nav li li{    width: 150px; height:40px; float:none}
.nav li li a{color:#fff;font-size:13px; padding:0; font-weight:normal; line-height:40px; display:block; letter-spacing:0; text-align:center; background:#004c94;; opacity:.8; -webkit-opacity:.8; -moz-opacity:.8; -ms-opacity:.8; -o-opacity:.8}
.nav li li a:hover{background:#ee4337;color:#fff}
.nav li:hover ul{display:block}

/*banner*/
.banner{width:100%; height:500px; overflow:hidden; position:relative; font-size:0;}
.b-img{height:500px; position:absolute; left:0; top:0;}
.b-img a{display:block; height:500px; float:left; width:1920px;}
.b-list{height:50px; padding-top:450px; position:relative; margin:0 auto;z-index:1;}
.b-list span{display:block; cursor:pointer; width:8px; height:8px; border-radius:50%; border:3px solid #fff; float:left; margin:0 5px; _margin:0 3px;}
.b-list .spcss{border:3px solid #ee4337;}
.bar-left{position:absolute; z-index:1; display:block; width:100px; height:100%; left:0px; background:none; top:0px;}
.bar-right{position:absolute;z-index:1; display:block; width:100px; height:100%; right:0px; background:none; top:0px;}
.bar-left em, .bar-right em{display:block; width:50px; height:100px; margin:0 auto; margin-top:175px; cursor:pointer;}
.bar-left em{background:url(../images/arrow.png) 0px 0px no-repeat;}
.bar-right em{background:url(../images/arrow.png) -50px 0px no-repeat;}
/* .bar-left .emcss{background-position:0px -100px;} */
/* .bar-right .emcss{background-position:-50px -100px;} */


/* 网站主体 */
#content{width:auto; height:auto; overflow:hidden;}
.title{width:581px; margin:0px auto 40px; text-align:center;}
.title p:nth-child(1){height:31px; line-height:31px; background:url(../images/title_bj.png) center center no-repeat; font-size:28px; color:#004c94; letter-spacing:2px;}
.title p:nth-child(2){font-size:16px; color:#ccc; margin:7px 0 5px;}
.title p:nth-child(3){font-size:14px; color:#ccc;}

.pe_tit{width:100%; height:90px; text-align:center;}
.pe_t_ch{font-family:Microsoft YaHei, 微软雅黑, 宋体; height:30px; font-size:28px; letter-spacing:3px; color:#004c94; font-weight:bold;}
.pe_t_ch i{font-style:normal; color:#ee4337;font-weight: bold;}
.pe_t_en{padding:3px 30px; text-transform:uppercase; font-family:OCR-A BT, MStiffHei HKS, sans-serif, Arial, Helvetica; color:#CCC; font-size:21px; font-weight:bold; letter-spacing:0px; margin:5px auto; position:relative; z-index:9;}
.hr{height:4px; background:url(../images/hr.png) no-repeat center; margin:8px auto;}


/*公司简介*/
.about{width:100%; padding:50px 0px 60px;}
/*公司简介*/

.about1 {
    width: 100%;
    position: relative;
}
.com {
    margin: 6px 0px 10px;
    line-height: 40px;
    text-indent: 2rem;
}
.com a{ background: #0a5498;
    color: #fff;
    margin-left: 14px;
    padding: 5px 3px;}
.com a:hover{background:#ee4337}
.com img{float:right;height:310px;margin-top: 15px;
    margin-left: 10px;}
.zl{width:100%;height:50px;position:absolute;left:10px;top:270px;}
.zl a{display:inline-block;float:left;    padding: 0 10px;height:50px;color:#000;line-height:50px;text-align:center;box-shadow:3px 3px 10px #a3a3a3;margin-left:48px;}
.zl a:hover{background:#ff6600;color:#fff;}
.zl a:first-child{background:#ff6600;margin-left:0px;color:#fff;}
.prole {
    width: 380px;
    border: 1px solid #999;
}

.prole img{width:400px;height:350px;}


.i_about_border{ width:1124px; height:212px;margin:auto;    display: none;}
.i_about_son{ width:120px; height:210px;margin:0 52px;}
.i_about_img2{ display:none;}
.i_about_img2{ display:none;}
.i_about_son:hover .i_about_img1{ display:none;}
.i_about_son:hover .i_about_img2{ display:inline-block;}
.i_about_name{ width:120px; height:54px; line-height:54px; font-size:14px; color:#000000; text-align:center;}

/* 客户案例 */
.shebei_wrap{width:100%; padding:50px 0;background:#f6f6f6}
.shebei{margin:0px auto; width:1200px; overflow:hidden; position:relative;}
.containers{min-width:1200px; width:1200px; margin:0px auto; padding:0px; margin-top:-15px; overflow:hidden;}

#demos{overflow:hidden; width:1200px; float:left; display:inline;}
#indemos{float:left; width:100000px; }
#indemos a{width:218px; float:left; margin:0px 10px 0px 10px; border:solid 1px #f6f6f6; }
#indemos a:hover{border:solid 1px #ccc;background:#004c94;}
#indemos a img{width:218px; height:218px;}
#indemos a .pp{width:218px; text-align:center; margin-top:20px; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; transition:all .3s ease-out; -o-transition:all 0.3s ease-out;height:30px;line-height:30px;margin-bottom:20px}
#indemos a:hover .pp{ color:#fff;}

#indemos img{border:none;}
#demo1s{float:left; padding-top:35px;}
#demo2s{float:left; padding-top:35px;}
#indemos span{display:block; margin-left:8px;}





/* 联系我们 */
.mp{margin:50px auto 0px;}
.mp .pe_tit{margin-bottom:30px;}


/* 友情链接 */
.link{width:100%; line-height:55px;}
.link a{padding:0 10px;}
.link a:hover{text-decoration:underline; color:#ee4337;}


/* 底部 */
.footer{width:auto; height:auto; background:#333;posi}
.foot{width:1200px; height:auto; overflow:hidden; margin:0 auto;position:relative}
.foot dl{overflow:hidden; margin:50px auto 30px;}
.foot dt{float:left;}
.foot dt p{font-size:18px; color:#FFF; line-height:30px}
.foot .f1{    width: 47%; border-right:1px solid #fff}
.foot .f1 i{font-size:16px; color:#FFF; line-height:35px; display:block}
.foot .f1 .add{margin-bottom:5px;
    background: url(../images/index_add.jpg) no-repeat 0px 0px;text-indent:1.5rem}
.foot .f1 .add span{font-size:13px; color:#FFF; display:block; line-height:24px}
.foot .f1 .add a{font-size:13px; color:#FFF; display:block; border:none}
.foot .f1 a{display:block; width:100px; height:28px; font-size:12px; color:#FFF; text-align:center; line-height:28px; border:1px solid #FFF; -webkit-border-radius:8px 8px 8px 8px; -moz-border-radius:8px 8px 8px 8px; -o-border-radius:8px 8px 8px 8px; border-radius:8px 8px 8px 8px;}

.foot .f2{width:240px; margin-left:50px; text-align:center}
.foot .f2 img{width:166px;  background:#FC9; margin:28px 0;}
.foot .f2 .f-logo{    width: 322px;display:none;
    height: 99px;
    background: url(../images/f-logo.png) no-repeat left center;
    margin-left: 45px;
    background-size: contain;}
.foot .f2 .f-logo i{font-size:16px; color:#FFF; display:block; margin-left:40px}

.foot .f3{ margin-left:30px;    width: 49%;float:right}
.foot .f3 ul{margin-top:20px;overflow: hidden;}
.foot .f3 li{float:left; margin:0 15px 18px 0}
.foot .f3 li a{font-size:14px; color:#FFF; display:block; padding:3px 8px; -webkit-border-radius:8px 8px 8px 8px; -moz-border-radius:8px 8px 8px 8px; -o-border-radius:8px 8px 8px 8px; border-radius:8px 8px 8px 8px;}
.foot .f3 li a:hover{background:#F5F5F5; color:#000}

.copy{width:auto; height:45px; background:#000;}
.copy span{font-size:13px; color:#FFF; line-height:45px; display:block; text-align:center;}
.copy span a{color:#FFF;}

.huanzhu{overflow:hidden}
.huanzhu span{color:#fff000;font-size:18px}

.huanzhu .crni{width:100px;position:absolute;z-index:9;z-index: 9;
       bottom: 50px;
    right: 255px;
display:none;transition:all 0.5s}
	.huanzhu .crni1{width:100px;position:absolute;z-index:9;z-index: 9;
        bottom: 50px;
    right: 255px;
display:none;transition:all 0.5s}
.huanzhu li:hover .crni{display:block} 
.huanzhu li:hover .crni1{display:block} 


.left_contact{ margin-top:25px; padding-bottom:35px; width:260px;}
.l_c_son{ height:47px; line-height:36px; margin-left:2px; padding-left:51px; background:url(../images/article_l_tel.jpg) no-repeat; font-size:14px; color:#222;}
.l_c_son.one{background:url(../images/article_l_email.jpg) no-repeat;}
.l_c_son.two{background:url(../images/article_l_fax.jpg) no-repeat;}
.l_c_son.three{background:url(../images/article_l_add.jpg) no-repeat; line-height:20px;}
